.fullWidth {
  width: 100%;
}

.fullHeight {
  height: 100%;
}

.centerText {
  text-align: center;
}

.mainArea {
  height: calc(100vh - 460px);
}

.topArea {
  height: 380px;
}

.topImg {
  composes: fullWidth;
  composes: fullHeight;
}

.tagArea {
  height: 80px;
  padding: 0 10px;
  background-color: #fff;
}

.tagText {
  padding: 0 20px;
  font-size: 80%;
  color: #888;
}

.tagActiveText {
  padding: 0 20px;
  font-size: 90%;
  font-weight: bold;
}

.itemArea {
  column-count: 2;
  column-gap: 10px;
  margin: 10px;
}

.item {
  -webkit-column-break-inside: avoid;
  background: #fff;
  margin-bottom: 10px;
}

.itemImg {
  composes: fullWidth;
  border-radius: 10px;
}

.itemDesc {
  composes: fullWidth;
  padding: 15px;
}
